/*省市联动：数组的内容显示在页面
 * 1、首先定义省份和对应城市的数组
 * 2、获取下拉列表元素对象
 * 3、省份下拉列表数据显示出来
 * 4、给省份下拉列表添加改变事件：
 *    城市下拉列表数据显示出来*/

// 1、首先定义省份和对应城市的数组
var provinceArr=['浙江','江苏','上海'];
var cityArr=[
   ['杭州','宁波','温州','绍兴','台州'],
   ['南京','苏州','无锡','扬州'],
   ['黄浦区','浦东区','静安区']
];
//2、获取下拉列表元素对象
var province=document.getElementById('province');
var city=document.getElementById('city');
//3、省份下拉列表数据显示出来
//循环遍历省份一维数组，将数组添加到下拉列表
for(var i in provinceArr){
	var op=new Option(provinceArr[i],i);
	province.options.add(op);
}
// 4、给省份下拉列表添加改变事件：
province.onchange=function(){
	//清空
	city.length=0;
	//城市下拉列表数据显示出来
	 //1)获取选中的当前省份
	var selected=province.value;
	for(var j in cityArr[selected]){
		var op=new Option(cityArr[selected][j],j);
	    city.options.add(op);
	}
}
